<@front.html>
	<div class="AD" style="margin-top:20px;">
    	<h5><img src="${base}/images/recruit.gif" /></h5>
        <div class="recruit">
        	${(event.content)!}
        	<#if (event.longitude)??&&(event.latitude)??>
				<div id="map1" style="width: 920px; height: 350px; border: 1px solid #777; overflow: hidden;"></div>
			</#if>
            <div class="recruit_btn">
            	<img src="${base}/images/recruit_btn.gif" style="cursor:pointer" />
            </div>
        </div>
    </div>
<script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&language=CN&amp;key=ABQIAAAAnuf94wTLTLIMbpIUZrw5lBR51fGhMl-NRtrNHqWTy0pDnjjWchTqHPQTIgrU1MvZz41G66x9F1HjJg&amp;"></script>
<script type="text/javascript" src="${statics}/plugins/googlemap/jquery.gmap-1.1.0-min.js"></script>
	<script type="text/javascript"> 
	$(function()
	{
		<#if (event.longitude)??&&(event.latitude)??>
		$("#map1").gMap({ markers: [{ latitude: ${(event.latitude)!},
                              longitude: ${(event.longitude)!},
                              popup: true }],latitude: ${(event.latitude)!},
                  longitude: ${(event.longitude)!},
                  zoom: 14});
		</#if>
	});
	</script> 
</@front.html>